<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<f:view>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Ajout voyageur</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	</head>
	<body>
	<div id="page">
	<div id="left">
	<h2>Navigation</h2>
	<ul>
		<li><a
			href="http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/design-trois-colonnes-positionnement-flottant">Tutoriel
		: un design fluide avec trois colonnes</a></li>
		<li><a href="exemple-1.html">Exemple : bloc central sans
		marges</a></li>
		<li><strong>Exemple : bloc central avec marges
		compensant les flottants</strong></li>
		<li><a href="exemple-3.html">Exemple : bloc central sans
		marges, mais avec un contexte de formatage</a></li>

	</ul>
	</div>

	<div id="right">
	<h2>Navigation</h2>
	<ul>
		<li><a
			href="http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/design-trois-colonnes-positionnement-flottant">Tutoriel
		: un design fluide avec trois colonnes</a></li>
		<li><a href="exemple-1.html">Exemple : bloc central sans
		marges</a></li>
		<li><strong>Exemple : bloc central avec marges
		compensant les flottants</strong></li>
		<li><a href="exemple-3.html">Exemple : bloc central sans
		marges, mais avec un contexte de formatage</a></li>

	</ul>
	</div>

	<!-- le corps de la page à 600px -->
	<div id="center"><img src="banniere.gif" width="600" /> <!-- ajout d'un voyageur -->
	<table class="rounded-corner">

		<h:form>
			<tr>
				<td>Titre:</td>
				<td><h:selectOneMenu title="Titre"
					value="#{voyageurBean.titre}">
					<f:selectItem itemLabel="Monsieur" itemValue="M." />
					<f:selectItem itemLabel="Madame" itemValue="Mme" />
					<f:selectItem itemLabel="Mademoiselle" itemValue="Mlle" />
				</h:selectOneMenu></td>
			</tr>
			<tr>
				<td>Nom:</td>
				<td><h:inputText value="#{voyageurBean.nom}" /></td>

			</tr>
			<tr>
				<td>Prenom:</td>
				<td><h:inputText value="#{voyageurBean.prenom}" /></td>
			</tr>
			<tr>
				<td>Adresse:</td>
				<td><h:inputText value="#{voyageurBean.adresse}" /></td>
			</tr>
			<tr>
				<td>email:</td>
				<td><h:inputText value="#{voyageurBean.email}" /></td>
			</tr>
			<tr>
				<TD></TD>
				<td><h:commandButton value="Ajouter" label="Ajouter"
					action="#{voyageurBean.ajout}"></h:commandButton></td>
			</tr>
		</h:form>
	</table>
	<c:if test="${voyageurBean.voyageurs !=null}">
	<!--La liste n'est pas vide .<br>
		<c:forEach var="v" items="${voyageurBean.voyageurs}">
			<c:out value="${v.nom}"></c:out> ${v.prenom}<br>
		</c:forEach>
		<br>
		<h:form>
			<h:commandButton value="Enregistrer dans la base" label="Enregistrer"
				action="#{voyageurBean.enregistrerVoyageurs}" />
		</h:form>
		--><br>
		<h:dataTable id="ListeVoyageurs" value="#{voyageurBean.voyageurs}" 
		var="personne" styleClass="rounded-corner" width="500">
			<f:facet name="header">
				<h:outputText value="Les voyageurs" />
			</f:facet>
			<h:column>
				<f:facet name="header">
        		<h:outputText value="id" />
        		</f:facet> 
        		<h:outputText value="#{personne.id}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header">
        		<h:outputText value="Titre" />
        		</f:facet> 
        		<h:outputText value="#{personne.titre}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header">
        		<h:outputText value="Nom" />
        		</f:facet> 
        		<h:outputText value="#{personne.nom}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header">
        		<h:outputText value="Prenom" />
        		</f:facet> 
        		<h:outputText value="#{personne.prenom}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header">
        		<h:outputText value="Adresse" />
        		</f:facet> 
        		<h:outputText value="#{personne.adresse}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header">
        		<h:outputText value="Email" />
        		</f:facet> 
        		<h:outputText value="#{personne.email}"></h:outputText>
			</h:column>
		</h:dataTable>

		<h:form>
			<h:commandButton action="#{voyageurBean.validVoyageurs}" value="Validez vos vols">
				<f:setPropertyActionListener  value="#{voyageurBean.voyageurs}" target="#{reservationBean.voyageurList}"/>
			</h:commandButton>
		</h:form>

	</c:if></div>
	<!-- 	</div> -->
	</body>
	</html>
</f:view>